• repo
  • readme
  • stackblitz

isograph-vite-demo

View on Github
.

isograph-vite-demo
.
B

Languages

  • .
  • .
  • .
  • .
  • TypeScript90.6%
  • JavaScript4.7%
  • CSS2.8%
  • HTML1.9%

isograph-vite-demo readme

React + TypeScript + Vite + Isograph

This template provides a minimal setup to get Isograph working in Vite with HMR. It queries the GraphQL Pokemon API to display the original 151 Pokemon using Isograph components.

Getting started

Install dependencies:

pnpm install

From the root of the project, start the Isograph compiler:

pnpm run watch-vite-demo

From the demos/vite-demo, start the Vite server:

pnpm run dev

How to Configure

The Vite configuration is slightly different from the NextJS configuration found on the Quickstart guide.

Review the following files to see the proper configuration you'll need to match to get a Vite project working with Isograph after running the Vite Getting Started steps:

  1. vite.config.ts
  2. .babelrc.json
  3. tsconfig.app.json
  4. tsconfig.node.json